/* Content */
#navbar-iframe, .status-msg-wrap, .post-feeds, .feed-links, .Attribution, .date-header{display:none}
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}

body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:link {
transition: color 0.4s;
-moz-transition: color 0.4s; 
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
outline:none;
color:#1e598e;
text-decoration:none;
}
a:active, a:hover {
color:#C80441;
text-decoration:none;
outline:none;
}
a:visited {
color:#1e598e;
text-decoration:none;
outline:none;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 1em 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 3em;
}
menu,
ol,
ul {
padding: 0 0 0 3em;
}

nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
button,
input {
line-height: normal; /* 1 */
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible;  /* 4 */
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* NAVIGATION */
nav{  height:40px;   width:100%;   background:#999;  background:linear-gradient(top,#999,#2a79bf);  background:-webkit-linear-gradient(top,#999,#2a79bf);  background:-moz-linear-gradient(top,#999,#2a79bf);  background:-o-linear-gradient(top,#999,#2a79bf);  font-size:11pt;   font-family:'PT Sans',Arial,sans-serif;   font-weight:bold;   position:relative;   border-bottom:2px solid #bbb}
nav ul{  float:left;  padding:0 0 0 0;   margin:0 0 0 0;   width:1100px;   height:40px}
nav li{  display:inline;   float:left}
.clearfix:before,  
.clearfix:after{  content:"";   display:table}
.clearfix:after{  clear:both}
.clearfix{  *zoom:1}
nav a{  transition:0.5s;  -moz-transition:0.5s;  -webkit-transition:0.5s;  -o-transition:0.5s;  color:#fff !important;   display:inline-block;   width:100px;   text-align:center;   text-decoration:none;   line-height:40px;   text-shadow:1px 1px 0px #283744}
nav li a{  border-right:1px solid #2c78ba;   box-sizing:border-box;   -moz-box-sizing:border-box;   -webkit-box-sizing:border-box}
nav li:last-child a{  border-right:0}
nav a:hover, nav a:active{  background-color:#2c78ba;  background:linear-gradient(bottom,#999,#2a79bf);  background:-webkit-linear-gradient(bottom,#999,#2a79bf);  background:-moz-linear-gradient(bottom,#999,#2a79bf);  background:-o-linear-gradient(bottom,#999,#2a79bf)}
/* Text elements */
p { margin-bottom:20px }
ul,ol { margin:0 0 1.625em 2.5em }
ul { list-style:square }
ol { list-style-type:decimal }
ol ol { list-style:upper-alpha }
ol ol ol { list-style:lower-roman }
ol ol ol ol { list-style:lower-alpha }
ul ul,ol ol,ul ol,ol ul { margin-bottom:0 }
dl { margin:0 1.625em }
dt { font-weight:bold }
dd { margin-bottom:1.625em }
strong { font-weight:bold }
cite,em,i { font-style:italic }
blockquote{ margin-left:2em;  margin-right:2em;  border-left:4px solid #ccc;  padding-left:1em;  font-style:italic}
/* BLOGGER RESET */
.section{ margin:0px 0px 0px 0px}
.post-footer, .post-share-buttons{ max-width:100%;  overflow:hidden}
.post-outer{ width:100%; margin:15px 0px}
.item-snippet{ font-size:0.88em}
.item-thumbnail img{ margin:0 0 0 0;  padding:0 0 0 0;  display:block;  width:72px;  height:72px}
img, table{ max-width:100%}
.widget ul{ padding:0 0 0 0}
#bottom .PopularPosts .widget-content ul li{ padding:0 0 0 18px}
/* HEADER */
.header{ height: 95px; margin:0 0 5px 0}
.header h1, .header p.title{ font-family:'Cuprum',Sans-serif;  font-size:34px;  padding:auto;  margin:0 0 3px 10px;  text-shadow:1px 1px #fff,2px 2px #ddd; margin-bottom:auto}
.header h1 a, .header p.title a{ color:#000}
.header .description{ font-family:'Cuprum',Sans-serif;  font-size:14px;  margin:auto;  padding:0 0 6px 10px;  text-shadow:1px 1px #fff,2px 2px #ddd; margin-bottom:auto}
/* POST */
.post-title h1, .post-title h2{ font-color:#fff;  padding:4px 8px;  background:#999;  background:linear-gradient(top,#999,#2a79bf);  background:-webkit-linear-gradient(top,#999,#2a79bf);  background:-moz-linear-gradient(top,#999,#2a79bf);  background:-o-linear-gradient(top,#999,#2a79bf);  font-size:15pt;   font-family:'PT Sans',Arial,sans-serif;  text-shadow:3px 0px 0px #999}
.breadcrumbs{ border:1px solid #fff;  -moz-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  border:1px solid #fff;  -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;  background:#fff;  text-align:left;  padding:8px;  margin:15px 15px -8px;  font-size:0.8em;  line-height:1.4}
.post{ max-width:100%;  word-wrap:break-word;  font-size:15px;  margin:15px;  padding:12px;  background:#fff;  border:1px solid #fff;  -moz-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  border:1px solid #fff;  -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;  overflow:hidden}
.post .widget{ margin:0px 0px 5px 0px}
.post-body{ line-height:1.4; text-align:justify; margin:15px;  }

.post-footer{ color:#555;  font-size:0.88em;  margin:6px 0 0 0;  padding:10px 0 0 0;  border-top:1px solid #ddd}
.postthumb{ transition:all 0.4s;  -moz-transition:all 0.4s;  -webkit-transition:all 0.4s;  -o-transition:all 0.4s;  margin:3px 10px 3px 0;  float:left;  width:84px;  height:84px;  border:1px solid #ccc}
.postthumb:hover{ opacity:0.6;  border:1px solid #999}
/* SIDEBAR */
.sidebar{ word-wrap:break-word;  font-size:0.8em;  background:#fff;  max-width:100%;  margin:15px 15px 15px 0;  padding:12px;  border:1px solid #fff;  -moz-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  border:1px solid #fff;  -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;  overflow:hidden}
.sidebar .widget{ margin:0px 0px 10px 0px}
.sidebar h3, .sidebar h2{ color:#fff;  padding:4px 8px;  background:#999;  background:linear-gradient(top,#999,#2a79bf);  background:-webkit-linear-gradient(top,#999,#2a79bf);  background:-moz-linear-gradient(top,#999,#2a79bf);  background:-o-linear-gradient(top,#999,#2a79bf);  font-size:11pt;   font-family:'PT Sans',Arial,sans-serif;  border-bottom:2px solid #ccc;  text-shadow:1px 1px 0px #283744}
.sidebar ul{ list-style-type:none;  margin:0 0 0 0;  padding:0 0 0 0}
.sidebar ul li{ margin:0 0 0 0;  padding:0 0 0 0;  border-bottom:1px dotted #ddd}
#blog-pager{ font-size:0.8em;  padding:0;  margin:0 15px 15px}
/* PAGE NAVIGATION */
.showpageArea{    color:#000;     font-size:11px;     margin:10px}
.showpageArea a{    color:#000;     text-shadow:0 1px 2px #fff;     font-weight:700}
.showpageNum a{    padding:6px 16px;     margin:0 4px;     border:1px solid #888;     background:#f5f5f5}
.showpageNum a:hover, .showpage:hover{    border:1px solid #888;     background:#ddd;     background:linear-gradient(bottom,#ccc,#eee);     background:-moz-linear-gradient(bottom,#ccc,#eee);     background:-webkit-linear-gradient(bottom,#ccc,#eee)}
.showpageOf, .showpage{    padding:6px 16px;     margin:0 4px;     border:1px solid #888;     background:#f5f5f5}
.showpagePoint{    padding:6px 16px;     margin:0 4px;     font-weight:700;     border:1px solid #888;     background:#ddd;     background:linear-gradient(bottom,#ccc,#eee);     background:-moz-linear-gradient(bottom,#ccc,#eee);     background:-webkit-linear-gradient(bottom,#ccc,#eee)}
#socialbox{    max-width:100%;     padding:10px;     margin:0;     box-shadow:inset 0px 0px 6px #ddd;     -mox-box-shadow:inset 0px 0px 6px #ddd;     -webkit-box-shadow:inset 0px 0px 6px #ddd;     border:1px solid #ccc;     border-radius:5px;     overflow:hidden}
#caribox{    max-width:100%;     padding:10px;     margin:0;     box-shadow:inset 0px 0px 6px #ddd;     -mox-box-shadow:inset 0px 0px 6px #ddd;     -webkit-box-shadow:inset 0px 0px 6px #ddd;     border:1px solid #ccc;     border-radius:5px;     overflow:hidden}
.social{    background:#fff url(http://1.bp.blogspot.com/--4CvEviaskw/UUsmFnxffgI/AAAAAAAAAD0/-yTMUjlcXPo/s1600/csg-514b240d34eeb.png) no-repeat top left}
.facebook, .googleplus, .twitter, .rss{ -moz-transition:0.3s ease-out;  -webkit-transition:0.3s ease-out;  -o-transition:0.3s ease-out;  transition:0.3s ease-out}
.text{height:24px; line-height:24px !important; float:left; margin:6px; font-size:17px; font-style:italic; color:#555; font-weight:bold}
.facebook:hover{cursor:pointer; background-position:0 0; width:24px; height:24px}
.facebook{float:right; margin:6px 10px; background-position:0 -44px; width:24px; height:24px}
.googleplus:hover{cursor:pointer; background-position:0 -88px; width:24px; height:24px}
.googleplus{float:right; margin:6px 10px; background-position:0 -132px; width:24px; height:24px}
.rss:hover{cursor:pointer; background-position:0 -176px; width:24px; height:24px}
.rss{float:right; margin:6px 10px; background-position:0 -220px; width:24px; height:24px}
.twitter:hover{cursor:pointer; background-position:0 -264px; width:24px; height:24px}
.twitter{float:right; margin:6px 10px; background-position:0 -308px; width:24px; height:24px}
/* BOTTOM */
#bottom{    background:#333;     background:linear-gradient(bottom,#333,#222);     background:-moz-linear-gradient(bottom,#333,#222);     background:-webkit-linear-gradient(bottom,#333,#222);     max-width:100%;     padding:5px 0 12px;     overflow:hidden;     border-top:3px solid #ccc;     border-bottom:3px solid #ccc}
#bottom h3, #bottom h2{    font-size:1.1em}
.bottom-widget{    text-shadow:1px 1px #000;     color:#fff;     font-size:0.78em}
.bottom-widget ul{    list-style-type:none;     margin:0 0 0 0;     padding:0 0 0 0}
.bottom-widget ul li{    background:url(http://4.bp.blogspot.com/-L7ElclbYi9E/UUxFAlrJDWI/AAAAAAAAAFU/trmCLGWmQ8M/s1600/icon.png) no-repeat 0 2px;  padding:0 0 0 18px;  margin:5px 0px}
.bottom-widget a{ color:#fff}
#bottom #kanan{ float:left;  width:33.33%}
#bottom #tengah{ float:left;  max-width:33.33%}
#bottom #kiri{ float:right;  width:33.33%}
#bottom #kanan .widget, #bottom #tengah .widget, #bottom #kiri .widget{ margin:12px 12px 6px 12px}
#bottom a{ color:#ccc}
#bottom a:hover{ color:#fff}
/* FOOTER */
#footer{    background:#ddd;     background:linear-gradient(bottom,#fff,#ccc);     background:-moz-linear-gradient(bottom,#fff,#ccc);     background:-webkit-linear-gradient(bottom,#fff,#ccc);     border-top:1px solid #fafafa;     color:#333;     text-shadow:1px 1px #ccc;     font-size:0.7em;     padding:15px;     height:30px}
#footer .left{    float:left;     text-align:left}
#footer .right{    float:right;     text-align:right}
.box{text-align:center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear}
.box2{position:relative; z-index:4; border-radius:17px; font-size:1.8em; font-weight:bold; background:#eee; border:1px solid #ccc; float:left; line-height:34px; height:34px; width:34px; padding:0px; text-shadow:1px 1px #ccc}
.komentar{width:auto; min-width:34px; max-width:80px}
.jam{background:#eee url(http://2.bp.blogspot.com/-6f3YMV7Kv-U/UUxBe6vEd9I/AAAAAAAAAFI/kCdm0LdV7Xo/s1600/jam.png) no-repeat 7px 7px}
.box a{color:#333}
a.au:hover{color:green}
a.fb:hover{color:#3B5998}
a.tw:hover{color:#1BB2E9}
a.gp:hover{color:#CF4332}
span.plus{position:relative; top:-7px; font-weight:normal; font-size:13px}
span.google{position:relative; top:-3px; font-family:Georgia,serif}
.box3{position:relative; left:-17px; box-shadow:inset 0px 0px 13px #ddd; -moz-box-shadow:inset 0px 0px 13px #ddd; -webkit-box-shadow:inset 0px 0px 13px #ddd; -webkit-transition:margin 0.6s linear,width 0.3s linear; -moz-transition:margin 0.6s linear,width 0.3s linear; -o-transition:margin 0.6s linear,width 0.3s linear; transition:margin 0.6s linear,width 0.3s linear; float:left; background:#fff; border-radius:0 17px 17px 0; border:1px solid #ccc; width:0px; height:34px; line-height:34px; overflow:hidden; margin:0 8px 0 0px}
.box3 span{margin:0px}
.box2:hover{border:1px solid #aaa}
.box:hover .box3{margin:0 -7px 0 0; width:100px}
.box:hover .box3.panjang{margin:0 -7px 0 0; width:150px}

/* Author Box */
.post-author-box{border-radius:5px; display:block; padding:0 0 5px; margin-bottom:5px}
.post-author-box h3{font-size:20px}
.post-author-box p{font-size:15px; line-height:15px}
.post-author-content{padding:0 10px}
.post-author-content .avatar-box{margin-bottom:10px}
.post-author-title h2{font-size:17px; margin:10px 0; padding:13px 10px 5px}
.post-author-box{background-color:transparent; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc}
.post-author-box .post-author-title h2{background-color:transparent; border-right:medium none}
.post-author-title h2, .inside_title h2{border-color:#ccc #999; border-style:solid; border-width:1px; color:#ccc}
.avatar-box img{border:5px solid #999}
.avatar-box img{border-radius:4px; display:block; float:left; margin:0 15px 0 0; opacity:1.0; filter:progid:DXImageTransform.Microsoft.Matrix( M11=1,M12=0,M21=0,M22=1,sizingMethod='auto expand'); zoom:1; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -webkit-transition:all 0.8s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
/* LOPHLIPHLUPH IMG HOVER EFFECT */
.avatar-box img:hover{opacity:0.5; filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand'); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); zoom:1; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000}
#PopularPosts1 img{border:1px solid #1D1D1D; padding:4px}
#PopularPosts1 dd{margin:5px 0 10px}
#PopularPosts1 a.bloglist_title{font-size:18px; letter-spacing:-0.5px}
.status-msg-body{position:relative!important}
.CSS_LIGHTBOX{z-index:9999!important}
/*LOPHLIPHLUPH IMG HOVER EFFECT ALL POST*/
.post-body img{opacity:1.0; filter:progid:DXImageTransform.Microsoft.Matrix(                    M11=1,M12=0,M21=0,M22=1,sizingMethod='auto expand'); zoom:1; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -webkit-transition:all 0.8s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
.post-body img:hover{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -moz-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5); -webkit-border-radius:36px 12px; -moz-border-radius:36px / 12px; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.6)}
/*Syntax Highlighter*/
pre {
  background-color:white;
  color:#069;
  padding:0em 1em;
  overflow:auto;
  white-space:pre;
  word-wrap:normal;
  font:bold 12px/1.5em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
  position:relative;
  margin:0 0 1em;
}
pre .the-num {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  padding:0 1em;
  color:#999;
  background-color:#eee;
  border-right:2px solid #ccc;
}
pre .bracket   {color:darkblue;}
pre .tag,
pre .tag .keyword,
pre .tag .attribute {color:blue;}
pre .selector  {color:blue;}
pre .attribute,
pre .regexp    {color:darkorange;}
pre .str       {color:green;}
pre .tag .str  {color:brown;}
pre .keyword   {color:darkred;}
pre .comment   {font-style:italic;color:#999;}
pre .num,
pre .hex       {color:darkviolet;}
pre .name,
pre .important,
pre .array     {color:red;}
pre .important {background-color:yellow;}
pre .doctype   {color:magenta;}
a.livedemo, a.download{display:inline-block; padding:13px 22px 13px; border:1px solid #038; cursor:pointer; font-weight:600; text-transform:uppercase; font-size:17px; color:#fff; background-color:#21416b; -webkit-border-radius:4px; border-radius:4px; margin-right:10px; -webkit-box-shadow:inset 0 1px 0 #039,0 2px 0 0 #00334D,0 2px 3px #999; box-shadow:inset 0 1px 0 #039,0 2px 0 0 #00334D,0 2px 3px #999}
a.livedemo:before{content:"View Demo \2192"}
a.download:before{content:"Download \2193"}
#lophliphluphDL{text-align:center; margin:10px auto}
/* raimu cuy */
#avatar{background-color:rgb(170,170,170); position:absolute; height:80px; width:80px; visibility:hidden; z-index:100; border-radius:3px; -moz-border-radius:3px; padding:5px 3px 5px 2px; -moz-opacity:0.63; filter:alpha(opacity=63); opacity:0.63}
#avatar a img{border-radius:4px; display:block; float:left; margin:0 15px 0 0; opacity:1.0; filter:progid:DXImageTransform.Microsoft.Matrix(                    M11=1,M12=0,M21=0,M22=1,sizingMethod='auto expand'); zoom:1; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -webkit-transition:all 0.8s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
#avatar img:hover{opacity:0.5; filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand'); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); zoom:1; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000}
#page-loader{position:fixed!important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background:black url('http://4.bp.blogspot.com/-WS9Y7-3u82Y/UfFFh_m1OsI/AAAAAAAAApg/_ojGhlZ1a-c/s1600/loading.gif') no-repeat 50% 50%; font:0/0 a; text-shadow:none; padding:1em 1.2em; display:none}
/* komen modif */
#threaded-comment-form p{position:relative; background:#fff; border:1px solid #999; padding:10px; font-size:13px; line-height:1.6em; color:#000; margin-top:30px}
#threaded-comment-form p::after, #threaded-comment-form p::before{top:100%; border:1px solid #999; content:""; height:0; width:0; position:absolute; pointer-events:none}
#threaded-comment-form p::before{border-top-color:#999; border-width:15px; left:10%; margin-left:-36px}
#threaded-comment-form p::after{border-top-color:#DD0; border-width:9px; left:10%; margin-left:-30px}
/* Rc Avatar wind8 */
#rc-avatar-plus ul{border:0!important; background:transparent!important; padding:10px!important; word-wrap:break-word}
#rc-avatar-plus li{margin:0!important; border:0!important; background:transparent!important; padding:0 0 10px!important; list-style-type:none!important}
#rc-avatar-plus .rc-info{width:20%}
#rc-avatar-plus img{padding:0!important; width:100%; border-radius:4px; display:block; float:left; margin:0 15px 0 0; opacity:1.0; filter:progid:DXImageTransform.Microsoft.Matrix( M11=1,M12=0,M21=0,M22=1,sizingMethod='auto expand'); zoom:1; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -webkit-transition:all 0.8s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
#rc-avatar-plus img:hover{opacity:0.5; filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand'); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); zoom:1; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000}
#rc-avatar-plus h4{margin:5px 0!important}
#rc-avatar-plus a{position:relative; width:70%; padding:5px}
#rc-avatar-plus a, #rc-avatar-plus a:hover{color:#000!important; text-decoration:none}
#rc-avatar-plus a:after{content:""; position:absolute; top:10px; width:0; height:0; line-height:0}
#rc-avatar-plus p{margin:0 0 5px; padding:0}
#rc-avatar-plus .rc-author .rc-info, #rc-avatar-plus .rc-admin a{float:left}
#rc-avatar-plus .rc-admin .rc-info, #rc-avatar-plus .rc-author a, #rc-avatar-plus span{float:right}
#rc-avatar-plus .rc-author a{background:#999}
#rc-avatar-plus .rc-author a:after{left:-10px; border-top:10px solid #999; border-left:10px solid transparent}
#rc-avatar-plus .rc-admin a{background:#1eadfe}
#rc-avatar-plus .rc-admin a:after{right:-10px; border-top:10px solid #1eadfe; border-right:10px solid transparent}
/* Comments */
#comments{    word-wrap:break-word;     font-size:0.8em;     margin:15px;     padding:12px;     background:#fff;     border:1px solid #fff;     -moz-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);     -webkit-box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);     box-shadow:0 0 60px #f0f0f0 inset,0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);     border:1px solid #fff;     -moz-border-radius:3px;     -webkit-border-radius:3px;     border-radius:5px;     border-radius:5px; clear:both}
.comment_wrap{background:#3d3d3d; padding:20px; border:1px solid #292929; -moz-box-shadow:inset 0 0 10px #303030; -webkit-box-shadow:inset 0 0 10px #303030; box-shadow:inset 0 0 10px #303030; margin:10px 0 0 0; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px}
#comments h3{font-size:22px; margin-top:15px; margin-bottom:15px; text-shadow:-1px -1px 0px #222}
#comments .avatar-image-container{float:left; margin:0 10px 0 0; width:50px; height:50px; max-width:50px; max-height:50px; padding:0 10px 0 0; border-right:1px solid #555}
#comments .avatar-image-container img{width:50px; height:50px; max-width:50px; max-height:50px; background:url(http://4.bp.blogspot.com/-4dyVNV1l0T8/UKco-AwYnwI/AAAAAAAAADc/6Nn6Op4su8s/s1600/ano2.png) no-repeat}
.comment_form{background:#3d3d3d; padding: 5px 0px 20px 20px; border:1px solid #292929; -moz-box-shadow:inset 0 0 10px #303030; -webkit-box-shadow:inset 0 0 10px #303030; box-shadow:inset 0 0 10px #303030; margin:15px 0 0 0; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px}
.comment_name{font-weight:bold; padding:5px 0 0 0; font-size:18px; text-decoration:none}
.comment_name a{font-weight:bold; padding:5px 0 0 0; font-size:18px; text-decoration:none}
.comment_date{color:#666; font-size:12px}
.comment_body p{line-height:1.5em; margin:1em 0 0 0; color:#999; word-wrap:break-word; font-size:16px}
.comment_inner{word-wrap:break-word}
.comment_child .comment_wrap{padding-left:20px}
.comment_reply{font-size:12px; font-weight:bold; text-transform:uppercase; margin-left:5px; margin-right:5px}
.comment_admin .avatar-image-container{border-right:2px solid #5A8616 !important}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%; !important}
#comment-editor{width:101%!important}
.comment_form a{text-decoration:none; text-transform:uppercase; font-weight:bold; font-family:Arial,Helvetica,Garuda,sans-serif; font-size:15px}
.comment_form a:hover{text-decoration:underline}
.comment_reply_form{padding:0 0 0 20px}
.comment_reply_form .comment-form{width:99%}
.comment_emo{max-width:1.5em; max-height:1.5em; vertical-align:middle; margin:-0.3em 0 0 0}
.comment_emo_list .item{float:left; width:40px; text-align:center; height:40px; margin:10px 10px 0 0}
.comment_emo_list span{display:block; font-weight:normal; font-size:15px; letter-spacing:1px}
.comment_youtube{max-width:100%!important; width:400px; height:225px; display:block; margin:auto}
.comment_img{max-width:100%!important}
.deleted-comment{padding:10px 10px 10px 10px; display:block; color:#CCC}
.comment_service{margin-top:5px; font-size:10px}
#respond{overflow:hidden; padding-left:10px; clear:both}
/* top link */
#munggah {
position: fixed;
bottom: 0;
right:0;
z-index: 100;
width: 30px;
height: 37px;
clear: both;
margin: 0;
overflow: hidden;
border:1px solid rgb(20, 79, 105);
box-shadow: 0 0 0 1px rgb(36, 147, 196) inset, 0px 1px 3px black;
border-radius: 10px 0px 0px 0px;
}
#munggah a {
float: right;
margin: 0;
padding: 0;
}
#munggah a.disik {
float: right;
}
.spammer-detected {background-color:red;}
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{border:1px solid #999999;background:transparent}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#000000}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #565759;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#000}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#CA2B2B}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #999999;background:transparent;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image:url(http://lh5.googleusercontent.com/-cz1ogKtwNBc/T-xs3x0de-I/AAAAAAAABwI/KlCgXlV7uo0/s36/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #999;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #999;width:10px;height:0}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/* catatan up komen */
#threaded-comment-form p {
    position: relative;
    background: #999;
    border: 3px solid #ccc;
    padding: 10px;
    font-size: 11px;
    line-height: 1.6em;
    color: #fff;
    margin-top: 10px;
    font-size: 11px;border-radius:2px;
    }
#threaded-comment-form p::after, #threaded-comment-form p::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
#threaded-comment-form p::before {
    border-top-color: #ccc;
    border-width: 15px;
    left: 10%;
    margin-left: -35px;
    }
#threaded-comment-form p::after {
    border-top-color: #999;
    border-width: 10px;
    left: 10%;
    margin-left: -30px
    }
/* sidebar akordion */
#sidebar-wrapper h2.active {color:white;}
/* judul iklan */
.herry{ color:#fff;  padding:4px 8px;  background:#999;  background:linear-gradient(top,#999,#2a79bf);  background:-webkit-linear-gradient(top,#999,#2a79bf);  background:-moz-linear-gradient(top,#999,#2a79bf);  background:-o-linear-gradient(top,#999,#2a79bf);  font-size:11pt;   font-family:'PT Sans',Arial,sans-serif;  border-bottom:2px solid #ccc;  text-shadow:1px 1px 0px #283744}
/* textarea no livelink */
textarea {
    width:98%;
    height:auto;
    overflow:auto;
    display:block;
    margin:10px auto;
}
/* buton konversi kode komen */
.small-button {
border: 2px solid #555;
color: #111;
cursor: pointer;
font-size: 11px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 10px;
margin-right:5px;
padding:2px 10px;
text-decoration: none;
text-shadow: 1px 1px 0 #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
box-shadow: inset 0 1px 0 0 #ffffff;
background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );
background: -moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39; #ededed&#39; ,endColorstr=&#39; #dfdfdf&#39; );
background-color: #ededed;
}
.small-button:hover {
text-shadow: 1px 1px 0 #f0f7ff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
box-shadow: inset 0 1px 0 0 #ffffff;
background-color:#90c3eb;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cde1fc', endColorstr='#90c3eb');
background-image:-webkit-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:-moz-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:-ms-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:-o-linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
background-image:linear-gradient(top, #cde1fc 0%, #b5d5eb 50%, #90c3eb 100%);
}
/* kode komentar */
/*Gambar*/
.gambarmuh{max-width:100%}
/*Blockquote*/
blockquote{margin:0 10px;background-color:#eee;padding:5px;border-left:4px solid #7498AD;display:block;font-weight:normal;font-style:italic;}
#emoMessage{position:fixed !important;position:absolute;top:50px;right:0;left:0;z-index:9999;text-align:center}#alert-box .emoMessage{text-align:left;color:white;width:370px;margin:0 auto;padding:1.2em 1.4em;background-color:#174a87;border:10px solid #0a2e58;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 2px 1px black,0 0 10px black;-moz-box-shadow:0 0 2px 1px black,0 0 10px black;box-shadow:0 0 2px 1px black,0 0 10px black;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#alert-box .button-group{margin:1.7em 0 0}#alert-box button{border:0;margin:0 2px}
/* javascript disable */
#NoScript { background-color:#ddd; border-top:2px solid #0073B4; border-bottom:2px solid #0073B4; height:100%; padding:5px 0; position:fixed; top:0;text-align:center; width:100%; z-index:9999 }
#NoScript h3 { color:rgb(102,102,102); font-size:24px; margin-left:-30px; margin-top:-18px; position:absolute; text-align:center; top:30%; width:100% }